<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: zzz
  Date: 2020/2/6
  Time: 22:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>详情页</title>
    <link rel="stylesheet" type="text/css" href="${APP_PATH}/portal/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="${APP_PATH}/portal/css/proList.css"/>
</head>
<body>
<!------------------------------head------------------------------>
<jsp:include page="/WEB-INF/jsps/Portal/common/top.jsp"/>
<!-----------------address------------------------------->
<div class="address">
    <div class="wrapper clearfix">
        <a href="${APP_PATH}/toPortal" >首页</a>
        <span>/</span>
        <a href="${APP_PATH}/toKindsGoods?kid=${requestScope.kinds.kid}" >${requestScope.kinds.kname}</a>
        <span>/</span>
        <a href="${APP_PATH}/toKindsTypeGoods?kid=${requestScope.kinds.kid}&ktid=${requestScope.kindsType.ktid}">${requestScope.kindsType.ktname}</a>
        <span>/</span>
        <a href="javascript:;" class="on">${requestScope.furniture.fname}</a>
    </div>
</div>
<!-----------------------Detail------------------------------>
<span id="path" hidden>${APP_PATH}/</span>
<input type="hidden" id="uid" value="${sessionScope.user.uid}"/>
<span id="loginHref" hidden>${APP_PATH}/toPortalLogin</span>
<span id="insertHref" hidden>${APP_PATH}/order/insertPre_order</span>
<div class="detCon">
    <div class="proDet wrapper">
        <div class="proCon clearfix">
            <div class="proImg fl">
                <img class="det" src="${requestScope.furniture.fface}" />
                <div class="smallImg clearfix">
                    <c:forEach items="${requestScope.viewList}" var="view">
                        <img src="${APP_PATH}/${view.vphoto}" data-src="${APP_PATH}/${view.vphoto}">
                    </c:forEach>
                </div>
            </div>
            <div class="fr intro">
                <div class="title">
                    <h4>${requestScope.furniture.fname}</h4>
                    <p>
                    <c:forTokens items="${requestScope.furniture.ftag}" delims="," var="ftag">
                    <c:out value="【${ftag}】"/>
                    </c:forTokens>
                    </p>
                    <span id="price">￥<fmt:formatNumber type="number" value="${requestScope.furniture.fprice}" pattern="#.00" /></span>
                </div>
                <div class="proIntro">
                    <p>颜色分类</p>
                    <div id="FK" class="smallImg clearfix categ">
                        <c:forEach items="${requestScope.furnitureKindsList}" var="furnitureKinds">
                            <p id="${furnitureKinds.fkid}" class="fl FK">
                               <a hidden class="fkprice"><fmt:formatNumber type="number" value="${furnitureKinds.fkprice}"  pattern="#.00" /></a>
                                <input type="hidden" class="stock" value="${furnitureKinds.stock}"/>
                                <img src="${APP_PATH}/${furnitureKinds.fkface}" alt="${furnitureKinds.fkname}" data-src="${APP_PATH}/${furnitureKinds.fkface}"></p>
                        </c:forEach>
                    </div>
                    <p>数量&nbsp;&nbsp;库存&nbsp;<span id="stock"></span>&nbsp;件</p>
                    <div class="num clearfix">
                        <img class="fl sub" src="${APP_PATH}/portal/img/temp/sub.jpg">
                        <span id="num" class="fl" contentEditable="true">1</span>
                        <img class="fl add" src="${APP_PATH}/portal/img/temp/add.jpg">
                        <p class="please fl">请选择商品属性!</p>
                    </div>
                </div>
                <div class="btns clearfix">
                    <a href="#2"><p class="buy fl">立即购买</p></a>
                    <a href="#2"><p class="cart fr">加入购物车</p></a>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="width:1260px;" class="introMsg wrapper clearfix">
    <div class="msgL fl">
        <div class="msgTit clearfix">
            <a class="on">商品详情</a>
            <a>所有评价</a>
        </div>
        <div class="msgAll">
            <div class="msgImgs">
                <c:forEach items="${requestScope.detailList}" var="detail">
                    <img src="${APP_PATH}/${detail.dphoto}">
                </c:forEach>
            </div>
            <div class="eva">
                <div class="per clearfix">
                    <img class="fl" src="${APP_PATH}/portal/img/temp/per01.jpg">
                    <div class="perR fl">
                        <p>馨***呀</p>
                        <p>不好意思评价晚了，产品很好，价格比玻璃品便宜，没有我担心的杂色，发货快，包装好，全5分</p>
                        <div class="clearfix">
                            <p><img src="${APP_PATH}/portal/img/temp/eva01.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva02.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva03.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva04.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva05.jpg"></p>
                        </div>
                        <p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
                    </div>
                </div>
                <div class="per clearfix">
                    <img class="fl" src="${APP_PATH}/portal/img/temp/per02.jpg">
                    <div class="perR fl">
                        <p>么***周</p>
                        <p>花瓶超级棒，我看图以为是光面的，收货发现是磨砂，但感觉也超有质感，很喜欢。磨砂上面还有点纹路，不过觉得挺自然的，不影响美观。包装也很好，绝对不会磕碎碰坏，好评！</p>
                        <p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
                    </div>
                </div>
                <div class="per clearfix">
                    <img class="fl" src="${APP_PATH}/portal/img/temp/per01.jpg">
                    <div class="perR fl">
                        <p>馨***呀</p>
                        <p>不好意思评价晚了，产品很好，价格比玻璃品便宜，没有我担心的杂色，发货快，包装好，全5分</p>
                        <div class="clearfix">
                            <p><img src="${APP_PATH}/portal/img/temp/eva01.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva02.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva03.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva04.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva05.jpg"></p>
                        </div>
                        <p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
                    </div>
                </div>
                <div class="per clearfix">
                    <img class="fl" src="${APP_PATH}/portal/img/temp/per02.jpg">
                    <div class="perR fl">
                        <p>么***周</p>
                        <p>花瓶超级棒，我看图以为是光面的，收货发现是磨砂，但感觉也超有质感，很喜欢。磨砂上面还有点纹路，不过觉得挺自然的，不影响美观。包装也很好，绝对不会磕碎碰坏，好评！</p>
                        <p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
                    </div>
                </div>
                <div class="per clearfix">
                    <img class="fl" src="${APP_PATH}/portal/img/temp/per01.jpg">
                    <div class="perR fl">
                        <p>馨***呀</p>
                        <p>不好意思评价晚了，产品很好，价格比玻璃品便宜，没有我担心的杂色，发货快，包装好，全5分</p>
                        <div class="clearfix">
                            <p><img src="${APP_PATH}/portal/img/temp/eva01.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva02.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva03.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva04.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva05.jpg"></p>
                        </div>
                        <p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
                    </div>
                </div>
                <div class="per clearfix">
                    <img class="fl" src="${APP_PATH}/portal/img/temp/per02.jpg">
                    <div class="perR fl">
                        <p>么***周</p>
                        <p>花瓶超级棒，我看图以为是光面的，收货发现是磨砂，但感觉也超有质感，很喜欢。磨砂上面还有点纹路，不过觉得挺自然的，不影响美观。包装也很好，绝对不会磕碎碰坏，好评！</p>
                        <p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
                    </div>
                </div>
                <div class="per clearfix">
                    <img class="fl" src="${APP_PATH}/portal/img/temp/per01.jpg">
                    <div class="perR fl">
                        <p>馨***呀</p>
                        <p>不好意思评价晚了，产品很好，价格比玻璃品便宜，没有我担心的杂色，发货快，包装好，全5分</p>
                        <div class="clearfix">
                            <p><img src="${APP_PATH}/portal/img/temp/eva01.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva02.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva03.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva04.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva05.jpg"></p>
                        </div>
                        <p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
                    </div>
                </div>
                <div class="per clearfix">
                    <img class="fl" src="${APP_PATH}/portal/img/temp/per02.jpg">
                    <div class="perR fl">
                        <p>么***周</p>
                        <p>花瓶超级棒，我看图以为是光面的，收货发现是磨砂，但感觉也超有质感，很喜欢。磨砂上面还有点纹路，不过觉得挺自然的，不影响美观。包装也很好，绝对不会磕碎碰坏，好评！</p>
                        <p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
                    </div>
                </div>
                <div class="per clearfix">
                    <img class="fl" src="${APP_PATH}/portal/img/temp/per01.jpg">
                    <div class="perR fl">
                        <p>馨***呀</p>
                        <p>不好意思评价晚了，产品很好，价格比玻璃品便宜，没有我担心的杂色，发货快，包装好，全5分</p>
                        <div class="clearfix">
                            <p><img src="${APP_PATH}/portal/img/temp/eva01.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva02.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva03.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva04.jpg"></p>
                            <p><img src="${APP_PATH}/portal/img/temp/eva05.jpg"></p>
                        </div>
                        <p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
                    </div>
                </div>
                <div class="per clearfix">
                    <img class="fl" src="${APP_PATH}/portal/img/temp/per02.jpg">
                    <div class="perR fl">
                        <p>么***周</p>
                        <p>花瓶超级棒，我看图以为是光面的，收货发现是磨砂，但感觉也超有质感，很喜欢。磨砂上面还有点纹路，不过觉得挺自然的，不影响美观。包装也很好，绝对不会磕碎碰坏，好评！</p>
                        <p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="msgR fr">
        <h4>为你推荐</h4>
        <div class="seeList">
        </div>

    </div>
</div>


<!--返回顶部-->
<jsp:include page="/WEB-INF/jsps/Portal/common/gotop.jsp"/>
<div class="msk"></div>
<!--footer-->
<jsp:include page="/WEB-INF/jsps/Portal/common/bottom.jsp"/>
<script src="${APP_PATH}/portal/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${APP_PATH}/portal/js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
<script src="${APP_PATH}/portal/js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="${APP_PATH}/portal/js/nav.js" type="text/javascript" charset="utf-8"></script>
<script src="${APP_PATH}/portal/js/pro.js" type="text/javascript" charset="utf-8"></script>
<script src="${APP_PATH}/portal/js/cart.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function () {
        $(".FK").click(function () {
            var fkprice = $(this).find(".fkprice").html();
            $("#price").html("￥"+fkprice);
            $("#stock").html($(this).find(".stock").val());
        });
        $.ajax({
            url : "${APP_PATH}/goods/getFurnitureByKtid",
            method : "GET",
            data : {
                ktid : ${requestScope.kindsType.ktid}
            },
            success : function (result) {
                if(result.success){
                    var furnitureList = result.data.datas;
                    var seeListContent = "";
                    for(var i = 0; i < furnitureList.length; i++){
                        if('${requestScope.furniture.fid}' == furnitureList[i].fid){
                            continue;
                        }
                        seeListContent +='<a href="${APP_PATH}/toFurnitureDetail?ktid='+furnitureList[i].kt_ktid+'&fid='+furnitureList[i].fid+'">';
                        seeListContent +='<dl>';
                        seeListContent +='<dt><img style="width:270px;" src="${APP_PATH}/'+furnitureList[i].fface+'"></dt>';
                        seeListContent +='<dd>'+furnitureList[i].fname+'</dd>';
                        seeListContent +='<dd>￥'+furnitureList[i].fprice.toFixed(2)+'</dd>';
                        seeListContent +='</dl>';
                        seeListContent +='</a>';
                    }
                    $(".seeList").html(seeListContent);
                }
            }
        });
    });
</script>
</body>
</html>

